#chat {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  .online-cnt {
    position: absolute;
    right: 10px;
  }
  .msgs {
    flex: 1;
  }
  .bottom-div {
    position: absolute;
    bottom: 0;
    width: 100vw;
    display: flex;
    flex-direction: row;
    background-color: #fcfcfc;
    padding: 4px;
    div.form {
      position: relative; // margin: 0 2.09066667rem;
      height: 0.8rem;
      width: 100%;
      overflow: hidden;
      display: flex;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 1.06666667rem;
      .input {
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        background: #fff;
        float: left;
        width: 100%;
        flex: 1;
        input {
          height: .8rem;
          line-height: .8rem;
          padding-left: .32666667rem;
          width: 100%;
          font-size: .29733333rem;
          outline: 0;
          border: none;
        }
      }
    }
    button.btn-cmt-send {
      position: relative;
      float: left;
      width: 1.2rem;
      height: .8rem;
      line-height: .8rem;
      text-align: center;
      background: 0 0;
      border: 0 none;
      border-left: 1px solid #eee;
      span {
        display: block;
        font-size: .4rem;
        width: .4rem;
        height: .3rem;
        background: url(http://p2ebqp10o.bkt.clouddn.com/send.png) no-repeat center;
        background-size: 100% 100%;
        text-indent: -999rem;
        margin: .2rem auto;
      }
    }
    img {
      width: auto;
      height: 40px;
      padding: 6px 0;
    }
  }
}
